iT邦幫忙

2024 iThome 鐵人賽

DAY 11
0

昨天學習動態文字的數據綁定,除了文字等基本的子級元件可以設定變數、綁定數據以外,flutterflow持續增加新功能,讓更多小部件能依照開發者需求來綁定各種動態數據。

例如下圖這個頁面中,把container這個父級元件設定為多條件變數,兩個條件都滿足(and)時,或者其中之一滿足(or)時,containter的內容圖片才會顯示。

然而,這個頁面模板中提到的logo, coverImage圖片在哪裡呢?也是綁定在資料庫中。

https://ithelp.ithome.com.tw/upload/images/20240925/201684910HXoTBaQFN.png

點選橘色的字,就可以看到內層綁定的數據,如下圖。

https://ithelp.ithome.com.tw/upload/images/20240925/20168491Mt8hbAolQ4.png

多層綁定注意事項

  • 綁定深度:
    • 建議盡量控制在三層以內。過深的巢狀會增加複雜度,降低可讀性,增加除錯的難度。
    • 如果需要多層處理,考慮在數據源頭先完成邏輯運算。
    • 優化數據結構和處理流程,減少複雜的巢狀綁定。
  • 綁定執行順序:從最內層向外執行。也就是範例圖片中的最左邊的變數
  • 除錯技巧:從最深層綁定開始檢查,確認每一層的計算結果,追蹤數值如何逐層傳遞和轉換。

今天先到這裡,待續…


上一篇
day10-核心功能開發(6)數據綁定part 1
下一篇
day12--核心功能開發(7)後端資料庫part 1
系列文
No code無程式碼app製作:從設計、開發到上架30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言